
<!-- toaster directive -->
<toaster-container
	toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<style>
<!--
.col-lg-1 {
	width: 140px;
}
-->
</style>

<!-- 导航条 -->
<div class="bg-white bread-crumb">
	<ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
		<li><a ui-sref="main"><i class="glyphicon glyphicon-home"></i> 房屋管理</a></li>
		<li><a ui-sref="main.bm.building.list" >楼栋管理</a></li>
		<li class="active" ng-bind="title"></li>
	</ul>
</div>
<div ng-show="loading" class="text-center m-t-md text-lg dataWarn"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>
<!-- 内容区域 -->
<div class="wrapper-md content">
	<div class="panel panel-default">
		<!-- 头部 -->
		<div class="panel-heading ">
			<a
				class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs"
				ui-sref="main.bm.building.list({'regionId':stateRegionId,'regionName':stateRegionName})"><i
				class="text-md glyphicon glyphicon-chevron-up text-muted"></i></a>
		</div>
		<!--表单-->
		<div class="panel-body">
			<form class="form-horizontal" name="house_form">
				<input type="text" class="form-control" ng-model="record.regionid" ng-hide="true">
				
				<div class="form-group">

					<label class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>楼栋编号：</label>
					<div class="col-lg-4">
						<input type="text" class="form-control"  name="buildingNumber" ng-model="record.buildingno"required>
					</div>
				</div>
				
				
				<div class="form-group">
					<label class="col-lg-1 control-label text-right">楼栋名称：</label>
					<div class="col-lg-4">
						<input type="text" class="form-control" name="buildingName" ng-model="record.buildingname">
					</div>
				</div>

				

				<div class="line line-dashed b-b line-lg pull-in"></div>
				
				<div class="form-group">
					<label class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>地市：</label>
					<div class="col-lg-4">
						<span class="form-control" ng-bind="record.cityId" ng-hide="true"></span>
						<input type="text" class="form-control" name="cityName" ng-model="record.cityName" required>
					</div>
				</div>

				<div class="form-group">

					<label class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>区/县：</label>
					<div class="col-lg-4" ng-if="!isCityName">
						<span class="form-control" ng-bind="record.areaId" ng-hide="true"></span>
						<!--ng-focus="showAreaList()"-->
						<input type="text" class="form-control" name="areaName" ng-model="record.areaName" required>
					</div>
					<!--如果区域树选中的是广州市，不是区级，那么就让上面的输入框隐藏，显示区域下拉来选择-->
					<div class="col-lg-4" ng-if="isCityName">
						<span class="form-control" ng-bind="record.areaId" ng-hide="true"></span>
						<input type="text" class="form-control" ng-focus="showAreaList()" name="areaName"  ng-model="record.areaName" required>
					</div>
					
				</div>

				<div class="line line-dashed b-b line-lg pull-in"></div>
				
				<div class="form-group">
					<label class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>乡镇/街道：</label>
					<div class="col-lg-4">
						<span class="form-control" id="streetName" ng-bind="record.streetId" ng-hide="true"></span>
						<input type="text" class="form-control" name="streetName" ng-focus="showStreetList()" ng-model="record.streetName" required>
					</div>
				</div>

				<div class="form-group">

					<label class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>路：</label>
					<div class="col-lg-4">
						<span class="form-control" id="roadName" ng-bind="record.roadId" ng-hide="true"></span>
						<input type="text" class="form-control" name="roadName" ng-focus="showRoadList()" ng-model="record.roadName" required>
					</div>

				</div>

				<div class="line line-dashed b-b line-lg pull-in"></div>
				
				<div class="form-group">
					<label class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>小区/门牌：</label>
					<div class="col-lg-4">
						<span class="form-control" id="communityName" ng-bind="record.communityId" ng-hide="true"></span>
						<input type="text" class="form-control" name="communityName" ng-focus="showQuartersList()" ng-model="record.communityName" required>
					</div>
				</div>

				<div class="form-group">

					<label class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>楼号：</label>
					<div class="col-lg-4">
						<span class="form-control" id="buildName" ng-bind="record.buildId" ng-hide="true"></span>
						<input type="text" class="form-control" name="buildName" ng-model="record.buildName" required>
					</div>

				</div>

				<div class="line line-dashed b-b line-lg pull-in"></div>

				<div class="form-group" style="width: 100%">
                    <label class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>楼栋地址：</label>
                    <div class="col-lg-4" style="width:80%">
                        <p class="form-control" style="background-color:#f5f6fc">
                            <span>{{record.cityName}}</span>
                            <span>{{record.areaName}}</span>
                            <span>{{record.streetName}}</span>
                            <span>{{record.roadName}}</span>
							<span>{{record.communityName}}</span>
							<span>{{record.buildName}}</span>
                        </p>
                    </div>
                </div>
				<div class="line line-dashed b-b line-lg pull-in"></div>
				
				
				
 				<div class="form-group">
                        <label for="longitude" class="col-lg-1 control-label text-right">经度：</label>
                        <div class="col-lg-4">
                            <input type="text" class="form-control" ng-model="record.longitude"
                                   name="longitude" placeholder="填写经度" id="longitude">
                        </div>
                </div>
                <div class="form-group">
                    <label for="latitude" class="col-lg-1 control-label text-right">纬度：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" id="houseCode"
                               ng-model="record.latitude" name="latitude" id="latitude" placeholder="填写纬度">
                    </div>
                </div>
                    
                <div class="line line-dashed b-b line-lg pull-in"></div>
				<div class="form-group" style="width: 100%">
					<div class="col-sm-6 col-sm-offset-2 text-center"
						 style="width: 100%;margin: 0;padding: 0;text-align: center">
						<button type="button" class="btn  w-xs addNew" ng-show="reset" ng-click="resetFrom()">重置</button>
						<button type="submit" class="btn btn-info w-xs m-l-xl addNew"
							ng-disabled="isDisabled">保存</button>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>

<style scoped>
	.modal.in .modal-dialog{
		width:1000px;
	}
	.modal.in .modal-dialog .form-group{width:40%;}
	.modal.in .modal-dialog .form-group input{width: 65%;}
	.form-group{
		width:50%;
		float: left;
	}
	.form-group .col-lg-2{
		width:25%;
	}

	.form-group .col-lg-4{
		width:65%;
	}

	.app-content-body .content{
		margin-top:44px;
	}
</style>